.pagination{
  li {
    display: inline-block;
    span,
    {
      display: inline-block;
      cursor: pointer;
      padding: 6px 18px;
      margin-left: -2px;
      line-height: 1.42857143;
      color: #428bca;
      text-decoration: none;
      background-color: #fff;
      border: 1px solid #ddd;
    }
    &.active{
      span{
        color: #fff;
        background-color: #0275d8;
        border-color: #0275d8;
      }
    }
    &.disabled{
      span{
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd;
      }
    }
  }
}.test-am{
}



.test-init{
	overflow: hidden;
	transition: height 2s;
	display: none
}
/*color*/
$color_bule: #508ef2;
$color_gray: #e6e6e6;
$color_f4f5: #f4f5f6;
$color_green: #00bb93;
$color_d8d8: #d8d8d8;
$color_red: #e6334b;
$color_f6f6: #f6f6f6;
$color_4a4a: #4a4a4a;

/* font size */
$min_font:12px;
$normal_font: 14px;
$min_middle_font:16px;
$middle_font:18px;
$max_font:24px;
$huge_font:30px;
/*css reset*/
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul { margin: 0; padding: 0}
fieldset, img {border: 0}
ol, ul {list-style: none}
/*文字排版*/
.unl {text-decoration: underline}
.no_unl {text-decoration: none}
/*定位*/
.text-left {text-align: left}
.text-center {text-align: center}
.relative{position: relative}
.text-right {text-align: right}
.text-justify {text-align: justify};
.bc {margin-left: auto !important; margin-right: auto !important;}
.vm {vertical-align: middle}
.hidden {visibility: hidden}
.none {display: none !important}
.border-none {border: none !important;}
.block {display: block}
.inline-block {display: inline-block}
/*长度高度*/
.w10 {width: 10px !important}
.w20 {width: 20px !important}
.w30 {width: 30px !important}
.w40 {width: 40px !important}
.w50 {width: 50px !important}
.w60 {width: 60px !important}
.w65 {width: 65px !important}
.w70 {width: 70px !important}
.w75 {width: 75px !important}
.w80 {width: 80px !important}
.w90 {width: 90px !important}
.w100 {width: 100px !important}
.w110 {width: 110px !important}
.w113 {width: 113px !important}
.w120 {width: 120px !important}
.w130 {width: 130px !important}
.w140 {width: 140px !important}
.w150 {width: 150px !important}
.w160 {width: 160px !important}
.w170 {width: 170px !important}
.w180 {width: 180px !important}
.w210 {width: 210px !important}
.w220 {width: 220px !important}
.w250 {width: 250px !important}
.w290 {width: 290px !important}
.w256 {width: 256px !important}
.w350 {width: 350px !important}
.w560 {width: 560px !important}
.mw10 {width: 10px !important; min-width: 10px}
.mw20 {width: 20px !important; min-width: 20px}
.mw30 {width: 30px !important; min-width: 20px}
.mw40 {width: 40px !important; min-width: 40px}
.mw50 {width: 50px !important; min-width: 50px}
.mw60 {width: 60px !important; min-width: 60px}
.mw65 {width: 65px !important; min-width: 65px}
.mw70 {width: 70px !important; min-width: 70px}
.mw75 {width: 75px !important; min-width: 75px}
.mw80 {width: 80px !important; min-width: 80px}
.mw90 {width: 90px !important; min-width: 90px}
.mw100 {width: 100px !important; min-width: 100px}
.mw110 {width: 110px !important; min-width: 110px}
.mw113 {width: 113px !important; min-width: 113px}
.mw120 {width: 120px !important; min-width: 120px}
.mw130 {width: 130px !important; min-width: 130px}
.mw140 {width: 140px !important; min-width: 140px}
.mw150 {width: 150px !important; min-width: 150px}
.mw160 {width: 160px !important; min-width: 160px}
.mw170 {width: 170px !important; min-width: 170px}
.mw180 {width: 180px !important; min-width: 180px}
.mw190 {width: 190px !important; min-width: 190px}
.mw210 {width: 210px !important; min-width: 210px}
.mw220 {width: 220px !important; min-width: 220px}
.mw230 {width: 230px !important; min-width: 230px}
.mw250 {width: 250px !important; min-width: 250px}
.mw270 {width: 270px !important; min-width: 270px}
.mw280 {width: 280px !important; min-width: 280px}
.mw290 {width: 290px !important; min-width: 290px}
.mw320 {width: 320px !important; min-width: 320px}
.mw256 {width: 256px !important; min-width: 256px}
.mw490 {width: 490px !important; min-width: 490px}
.mw560 {width: 560px !important; min-width: 560px}
.mw400 {min-width: 400px !important}
.mw600 {min-width: 600px !important}
.mw900 {min-width: 900px !important}
.mw1050 {min-width: 1050px !important}
.mw1100 {min-width: 1100px }

.max-w200 {max-width: 200px; width: 200px;}
.h32 {height: 32px !important}
.h50 {height: 50px}
.lh18 {line-height: 18px;}
.lh32 {line-height: 32px !important}


/*边距*/
.m10 {margin: 10px}
.mt10 {margin-top: 10px}
.mt25 {margin-top: 25px}
.mt30 {margin-top: 30px}
.mt40 {margin-top: 40px}
.mt50 {margin-top: 50px}
.mb5 {margin-bottom: 5px}
.mb0 {margin-bottom: 0px}
.mb50 {margin-bottom: 50px}
.mb100 {margin-bottom: 100px}
.ml0{margin-left: 0px !important}
.ml5 {margin-left: 5px}
.ml10 {margin-left: 10px}
.ml15 {margin-left: 15px}
.ml20 {margin-left: 20px}
.ml48 {margin-left: 48px}
.mt90{margin-top: 90px}
.mt100{margin-top: 100px}
.ml108 {margin-left: 108px}
.ml168 {margin-left: 168px}
.mr0 {margin-right: 0 !important}
.mr5 {margin-right: 5px}
.mr10 {margin-right: 10px}
.mr12 {margin-right: 12px}
.mr15 {margin-right: 15px}
.mr20 {margin-right: 20px}
.mr40 {margin-right: 40px}
.mr60 {margin-right: 60px}
.mr160 {margin-right: 160px}
.mr260 {margin-right: 260px}
.mr15 {margin-right: 15px}
.mb20 {margin-bottom: 20px}
.p10 {padding: 10px}
.pt0 {padding-top: 0px !important}
.pt5 {padding-top: 5px}
.pb5 {padding-bottom: 5px}
.pb80 {padding-bottom: 80px}
.pl5 {padding-left: 5px}
.pr5 {padding-right: 5px}
.pr20 {padding-right: 20px}
.pd0 {padding: 0}
.mw350{
	max-width: 350px !important;
	width: 350px;
}
/*table th,td style*/
.m-w80{width: 80px; min-width: 80px;}
.m-w85{width: 85px; min-width: 85px;}
.m-w90{width: 90px; min-width: 90px;}
.m-w100{width: 100px; min-width: 100px;}
.m-w115{width: 115px; min-width: 115px;}
.m-w133{width: 133px; min-width: 133px;}
.m-w150{width: 150px; min-width: 150px;}
.m-w160{width: 160px; min-width: 160px;}
.m-w170{width: 170px; min-width: 170px;}
.m-w180{width: 180px; min-width: 180px;}
.m-w210{width: 210px; min-width: 210px;}
.m-w250{width: 250px; min-width: 250px;}
.m-w490{width: 490px; min-width: 490px;}
/*样式*/
.pointer,a {cursor: pointer;text-decoration: underline;} 
.color-7979 {color: #797979}
.color-green {color: $color_green;}
.color-red {color: $color_red;}
.color-a6 {color: #a6a6a6;}
.bg-color-f6 {background-color: #f6f6f6}
.color-fff {color: #fff !important;}
.font-14 {font-size: 14px;}
.font-16 {font-size: 16px;}
.transform90 {transform: rotate(90deg);}
.font-bold {font-weight: bold;}.btn{
  display: inline-block;
  height: 42px;
  width: 200px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 42px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  text-decoration: none;
}
.btn-primary{
  color: #fff;
  background-color: $color_bule;
  border-color: $color_bule;
  &:hover{
    color: #fff;
    text-decoration: none;
  }
}
.btn-cancel{
  border: 1px solid $color_bule;
  color: $color_bule;
  background-color: #fff;
  a{
    display: block;
    text-decoration: none
  }
}
.btn-green{
  
  border: 1px solid $color_green;
  color: #fff;
  background-color: $color_green
}
.btn-disable{
  color: #fff;
  background-color: $color_d8d8;
  border-color: $color_d8d8;
}
.btn-red{
  color: #fff;
  background-color: $color_red;
  border-color: $color_red;
}
.btn-tabs{
  line-height: 32px !important;
  height: 32px !important;
  width: 65px;
  margin-right: 2px;    
}
.btn-preview{
  @extend .btn-primary;
  width: 75px;
  height: 32px;
  line-height: 32px;
}
.btn-preview-disable{
  @extend .btn-disable;
  width: 75px;
  height: 32px;
  line-height: 32px;
}
.btn-message{
  border: 1px solid #d8d8d8;
  width: 180px;
  color: $color_green;
  font-size: 16px;
  text-align: left;
  padding-left: 20px;
  margin-right: 27px;
  cursor: text;
}

/*form*/
.control-label,.input-group,.form-error{
  display: inline-block;
}
.control-label{
  width: 90px
}
.input-group{
  vertical-align: middle;
}

.f-group-290{
  .input-group{
    width: 290px;
  }
}

.fadeInRight{
  margin-left: 10px;
}
.f-group-480{
  .form-out-error{
    margin-left: -370px;
  }
}
.f-group-480 {
  .input-group{
    width: 900px;
  }
  input,textarea{
    width: 480px !important;
  }
  .form-error{
    height: 40px;
    line-height: 40px;
  }

}

.f-group-590 {
  .input-group{
    width: 900px;
  }
  input{
    width: 590px !important;
  }
  .form-error{
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
  }
}
.f-group-160{
  .input-group{
    width: 160px;
    margin: auto 12px;
  }
  input{
    width: 160px !important;
  }
  .mt-input{
    display: inline-block;
  }
}
/*上传附件*/
 .default-upload-button{
  height: 20px;
  display: inline-block;
  width: 100px;
  position: relative;
  cursor: pointer;  
 }
#defualt_upload{
  position: absolute;
  top: 0;
  opacity: 0;
  left: 0;
  width: 100px;
  height: 20px;
}
#upload_file{
  position: absolute;
  top: 0;
  width: 160px;
  height: 42px;
  left: 0;
  bottom: 0;
  opacity: 0;
}

/* fixed-width-text */
.fixed-width-text{
  display: inline-block;
  max-width: 130px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.init-message{
  font-size: 16px;
  color: #9b9b9b;
}
.disable-message{
  font-size: 14px;
  color: #9b9b9b;
}
/*查询input*/
.search-group{
  width: 200px;
  .mt-input{
    width: 150px;
    display: inline-block;
    vertical-align: middle
  }
  input{
    height: 42px;
  }
  button{
    width: 42px;
    height: 42px;
    background-color: $color_bule;
  }
}

.disabel-a{
  color: #acacac;
  text-decoration: underline;
}
.no-data-message{
  text-align: center;
  color: #a8a8a8;
  margin-top: 65px;
}
tr:hover{
  .disabel-a{
    color: #508ef2;
  }
}

.max-font {
    display: block;
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*input radio*/
.radio-block{
  position: relative;
  display: inline-block;
  input{
    position: absolute;
    left: 2px;
    top: 2px;
    opacity: 0;
  }
}
.radio-inner{
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  border: 1px solid #979797;
  background-color: #fff;
}
.radio-inner1{
  position: absolute;
  top: 3px;
  left: 3px;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #508ef2;
}
/*.radio-inner:after {
    position: absolute;
    width: 6px;
    height: 6px;
    left: 3px;
    top: 3px;
    border-radius: 6px;
    display: table;
    border-top: 0;
    border-left: 0;
    content: ' ';
    background-color: #2db7f5;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}*/.sidebar{
	a{
		color: $color_4a4a;
	}
	ul{
		margin-top: 20px;
		ul{
			padding-left: 20px;
		}
	}
}
.sidebar>ul>li{
	margin-bottom: 30px;
	img{
		/*cursor: pointer;*/
		margin-right: 10px;
	}
}
/*// .sidebar>ul>li>a{
// 	background: url('/static/dist-static/img/one.png') left center no-repeat;
// 	padding-left: 20px
// }*/

.sidebar>ul>li ul li{
	margin-bottom: 20px;
}
a.active{
	color: #000 !important;
}body{
  background-color: #eceef3;
}
.header{
  position: fixed;
  top:0;
  left:0;
  right: 0;
  height: 50px;
  z-index: 1000;
  background-color: #000;
  padding-left: 35px;
  color: #fff;
  h1{
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
  }
  .userNav{
    float: right;
    margin-right: 40px;
    height:50px;
    line-height: 50px;
  }
}
.sidebar{
  position: fixed;
  top: 50px;
  left: 0px;
  bottom: 0px;
  width: 240px;
  border-right: 1px solid $color_d8d8;
  background-color: $color_f4f5;
  padding-top: 110px;
  padding-left: 36px;
  z-index: 1000;
  a{
    text-decoration: none;
  }
  a:hover{
    text-decoration: underline;
  }
}
.main-content{
  position: relative;
  left: 0px;
  top: 50px;
  right: 0px;
  padding-left: 305px;
  padding-right: 65px;
  padding-top: 55px;
  background-color: #eceef3;
}

/* widget */
.widget {
    margin: 0;
    padding: 0;
    min-width: 1080px;
    .widget-header {
      padding-bottom: 19px;
      margin-bottom: 25px;
      border-bottom: 1px solid $color_d8d8;
      font-size: 24px;
      color: #000;
    }
    .widget-name{
      display: inline-block;
      width: 130px;
      vertical-align: middle;
      p{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
}

/*table*/
.table{
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
  margin-top: 45px;
  thead tr{
    background-color: $color_gray;
    border: 1px solid $color_d8d8;
    height: 50px;
    font-size: 16px;
    color: $color_4a4a;
    th{
      font-weight: normal;
    }
  }
  tbody tr{
    height: 90px;
    text-align: center;
    border: 1px solid $color_d8d8;
    td{
      border: 1px solid $color_d8d8;
    }
  }
  input{
    border-top: 0;
    border-right: 0;
  }
  input:focus{
    border: 1px solid #508ef2;
  }
}

.table-hover > tbody > tr:hover {
  background-color: $color_f6f6;
}
.table > tbody > tr {
  height: 40px
}
.table-90 > tbody > tr {
  height: 90px
}
.table-40 > tbody > tr {
  height: 40px
}
td{
  font-size: 14px;
  color: #4a4a4a;
  text-align: center;
  padding: 10px;
}
.td0 > tbody > tr,.td0 > tbody > tr > td{
  border:0;
}
.td0 td{
  padding:0;
}
.border-d8{
  border: 1px solid $color_d8d8 !important;
}

/*上传附件*/
 .default-upload-button{
  height: 20px;
  display: inline-block;
  width: 100px;
  position: relative;
  cursor: pointer;  
 }
#defualt_upload{
  position: absolute;
  top: 0;
  opacity: 0;
  left: 0;
  width: 100px;
  height: 20px;
}
#upload_file{
  position: absolute;
  top: 0;
  width: 160px;
  height: 42px;
  left: 0;
  bottom: 0;
  opacity: 0;
}.login{
	width: 300px;
    	margin: 0 auto;
    	margin-top: 206px;
    	.login-title{
    		font-size: 18px;
    		text-align: center;
    		margin-bottom: 50px;
    	}
    	&-error-msg{
    		text-align: center;
    		margin-top: -28px;
    		margin-bottom: 13px;
    		color: red;
    	}
    	.mt-input{
    		width: 296px;
    	}
    	button{
    		margin-left: 50px;
	    	margin-top: 30px;
    	}
}.upload-pregress {
	display: inline-block;
	width: 100px;
	p {
		background-color: #00bb93;
		width: 0;
	}
}.rc-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.rc-dialog-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.dialog-title{
  text-align: center;
  margin-top: 26px;
  margin-bottom: 25px;
  font-size: 18px;
}
.rc-dialog-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  /*padding-top: 47px;*/
  margin-top: 200px
}
.rc-dialog-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.rc-dialog-close {
  cursor: pointer;
  border: 0;
  background: transparent;
  font-size: 21px;
  position: absolute;
  right: 20px;
  top: 12px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
  text-decoration: none;
}
.rc-dialog-close-x:after {
  content: '\D7';
  display: none
}
.rc-dialog-close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  text-decoration: none;
}
.rc-dialog-title {
  margin: 0;
  line-height: 1.42857143;
}
.rc-dialog-body {
  position: relative;
  /*padding: 15px;*/
  margin-bottom: 45px;
}
.rc-dialog-footer {
  padding: 15px;
  text-align: center;
  /*border-top: 1px solid #e5e5e5;*/
}
.rc-dialog-footer .btn + .btn {
  /*margin-left: 5px;*/
  margin-bottom: 0;
}
.rc-dialog-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.rc-dialog-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media (min-width: 768px) {
  .rc-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .rc-dialog-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    height: 220px;
  }
}
.rc-dialog-slide-fade-enter,
.rc-dialog-slide-fade-appear {
  -webkit-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.rc-dialog-slide-fade-enter,
.rc-dialog-slide-fade-appear,
.rc-dialog-slide-fade-leave {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-dialog-slide-fade-enter.rc-dialog-slide-fade-enter-active,
.rc-dialog-slide-fade-appear.rc-dialog-slide-fade-appear-active {
  -webkit-animation-name: rcDialogSlideFadeIn;
          animation-name: rcDialogSlideFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.rc-dialog-slide-fade-leave.rc-dialog-slide-fade-leave-active {
  -webkit-animation-name: rcDialogSlideFadeOut;
          animation-name: rcDialogSlideFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes rcDialogSlideFadeIn {
  0% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes rcDialogSlideFadeIn {
  0% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes rcDialogSlideFadeOut {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
}
@keyframes rcDialogSlideFadeOut {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
}
.rc-dialog-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #373737;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  filter: alpha(opacity=50);
  z-index: 1050;
}
.rc-dialog-mask-hidden {
  display: none;
}
.rc-dialog-fade-enter,
.rc-dialog-fade-appear {
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-dialog-fade-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-dialog-fade-enter.rc-dialog-fade-enter-active,
.rc-dialog-fade-appear.rc-dialog-fade-appear-active {
  -webkit-animation-name: rcDialogFadeIn;
          animation-name: rcDialogFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.rc-dialog-fade-leave.rc-dialog-fade-leave-active {
  -webkit-animation-name: rcDialogFadeOut;
          animation-name: rcDialogFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes rcDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rcDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.dialog-message{
  font-size: 16px;
  width: 100px;
  margin: 0 auto;
  color: #000;
  }
.confirm-dialog-body{
  width: 420px;
  text-align: center;
  font-size: 16px;
}
.package-name{
    text-align: center;
    font-size: 16px;
    color: #9b9b9b;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.confirm-dialog-body{
  margin-top: 47px;
}





/*form dialog*/
.form-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.form-dialog-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.dialog-title{
  text-align: center;
  margin-top: 26px;
  font-size: 18px;
}
.form-dialog-content {
/*  width: 800px;
  height: 680px !important;*/
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  /*padding-top: 47px;*/
  margin-top: 220px
}
.form-dialog-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.form-dialog-close {
  cursor: pointer;
  border: 0;
  background: transparent;
  font-size: 21px;
  position: absolute;
  right: 20px;
  top: 12px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
  text-decoration: none;
}
.form-dialog-close-x:after {
  content: '\D7';
  display: none
}
.form-dialog-close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  text-decoration: none;
}
.form-dialog-title {
  margin: 0;
  line-height: 1.42857143;
}
.form-dialog-body {
  position: relative;
  /*padding: 15px;*/
  margin-bottom: 28px;
}
.form-dialog-footer {
  /*padding: 15px;*/
  text-align: center;
  /*border-top: 1px solid #e5e5e5;*/
}
.form-dialog-footer .btn + .btn {
  /*margin-left: 5px;*/
  margin-bottom: 0;
}
.form-dialog-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.form-dialog-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media (min-width: 768px) {
  .form-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .form-dialog-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    height: 370px;
  }
}
.form-dialog-slide-fade-enter,
.form-dialog-slide-fade-appear {
  -webkit-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.form-dialog-slide-fade-enter,
.form-dialog-slide-fade-appear,
.form-dialog-slide-fade-leave {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.form-dialog-slide-fade-enter.form-dialog-slide-fade-enter-active,
.form-dialog-slide-fade-appear.form-dialog-slide-fade-appear-active {
  -webkit-animation-name: rcDialogSlideFadeIn;
          animation-name: rcDialogSlideFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.form-dialog-slide-fade-leave.form-dialog-slide-fade-leave-active {
  -webkit-animation-name: rcDialogSlideFadeOut;
          animation-name: rcDialogSlideFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes rcDialogSlideFadeIn {
  0% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes rcDialogSlideFadeIn {
  0% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes rcDialogSlideFadeOut {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
}
@keyframes rcDialogSlideFadeOut {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
}
.form-dialog-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #373737;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  filter: alpha(opacity=50);
  z-index: 1050;
}
.form-dialog-mask-hidden {
  display: none;
}
.form-dialog-fade-enter,
.form-dialog-fade-appear {
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.form-dialog-fade-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.form-dialog-fade-enter.form-dialog-fade-enter-active,
.form-dialog-fade-appear.form-dialog-fade-appear-active {
  -webkit-animation-name: rcDialogFadeIn;
          animation-name: rcDialogFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.form-dialog-fade-leave.form-dialog-fade-leave-active {
  -webkit-animation-name: rcDialogFadeOut;
          animation-name: rcDialogFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes rcDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rcDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*.dialog-message{
  font-size: 16px;
  width: 100px;
  margin: 0 auto;
  color: #000;
  }
.package-name{
    text-align: center;
    font-size: 16px;
    color: #9b9b9b;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
    display: block;
}*/


/*form dialog*/
.test-result-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.test-result-dialog-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.dialog-title{
  text-align: center;
  margin-top: 26px;
  font-size: 18px;
}
.test-result-dialog-content {
  width: 800px;
  /*height: 680px !important;*/
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  /*padding-top: 47px;*/
  margin-top: 100px
}
.test-result-dialog-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.test-result-dialog-close {
  cursor: pointer;
  border: 0;
  background: transparent;
  font-size: 21px;
  position: absolute;
  right: 20px;
  top: 12px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
  text-decoration: none;
}
.test-result-dialog-close-x:after {
  content: '\D7';
  display: none
}
.test-result-dialog-close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  text-decoration: none;
}
.test-result-dialog-title {
  margin: 0;
  line-height: 1.42857143;
}
.test-result-dialog-body {
  position: relative;
  /*padding: 15px;*/
  margin-bottom: 28px;
}
.test-result-dialog-footer {
  /*padding: 15px;*/
  text-align: center;
  /*border-top: 1px solid #e5e5e5;*/
}
.test-result-dialog-footer .btn + .btn {
  /*margin-left: 5px;*/
  margin-bottom: 0;
}
.test-result-dialog-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.test-result-dialog-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media (min-width: 768px) {
  .test-result-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .test-result-dialog-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    max-height: 680px;
    /*min-height: 490px;*/
  }
}
.test-result-dialog-slide-fade-enter,
.test-result-dialog-slide-fade-appear {
  -webkit-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.test-result-dialog-slide-fade-enter,
.test-result-dialog-slide-fade-appear,
.test-result-dialog-slide-fade-leave {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.test-result-dialog-slide-fade-enter.test-result-dialog-slide-fade-enter-active,
.test-result-dialog-slide-fade-appear.test-result-dialog-slide-fade-appear-active {
  -webkit-animation-name: rcDialogSlideFadeIn;
          animation-name: rcDialogSlideFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.test-result-dialog-slide-fade-leave.test-result-dialog-slide-fade-leave-active {
  -webkit-animation-name: rcDialogSlideFadeOut;
          animation-name: rcDialogSlideFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes rcDialogSlideFadeIn {
  0% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes rcDialogSlideFadeIn {
  0% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes rcDialogSlideFadeOut {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
}
@keyframes rcDialogSlideFadeOut {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
}
.test-result-dialog-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #373737;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  filter: alpha(opacity=50);
  z-index: 1050;
}
.test-result-dialog-mask-hidden {
  display: none;
}
.test-result-dialog-fade-enter,
.test-result-dialog-fade-appear {
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.test-result-dialog-fade-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.test-result-dialog-fade-enter.test-result-dialog-fade-enter-active,
.test-result-dialog-fade-appear.test-result-dialog-fade-appear-active {
  -webkit-animation-name: rcDialogFadeIn;
          animation-name: rcDialogFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.test-result-dialog-fade-leave.test-result-dialog-fade-leave-active {
  -webkit-animation-name: rcDialogFadeOut;
          animation-name: rcDialogFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes rcDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rcDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.test-result-body{
  margin: 28px 32px 20px 32px;
  .widget{
    min-width: 0;
    .widget-header{
      margin-bottom: 19px;
      padding-bottom: 12px;
    }
  }
}
.rc-pagination {
  font-size: 12px;
  font-family: 'Arial';
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.rc-pagination-total-text {
  float: left;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
}
.rc-pagination:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.rc-pagination-item {
  cursor: pointer;
  min-width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  list-style: none;
  float: left;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  margin-right: 8px;
}
.rc-pagination-item a {
  text-decoration: none;
  color: #666;
}
.rc-pagination-item:hover {
  border-color: #3a8bf1;
}
.rc-pagination-item:hover a {
  color: #3a8bf1;
}
.rc-pagination-item-active {
  background-color: #3a8bf1;
  border-color: #3a8bf1;
}
.rc-pagination-item-active a {
  color: #fff;
}
.rc-pagination-item-active:hover a {
  color: #fff;
}
.rc-pagination-jump-prev:after,
.rc-pagination-jump-next:after {
  content: "\2022\2022\2022";
  display: block;
  letter-spacing: 2px;
  color: #ccc;
  font-size: 12px;
  margin-top: 1px;
}
.rc-pagination-jump-prev:hover:after,
.rc-pagination-jump-next:hover:after {
  color: #3a8bf1;
}
.rc-pagination-jump-prev:hover:after {
  content: "\AB";
}
.rc-pagination-jump-next:hover:after {
  content: "\BB";
}
.rc-pagination-prev,
.rc-pagination-jump-prev,
.rc-pagination-jump-next {
  margin-right: 8px;
}
.rc-pagination-prev,
.rc-pagination-next,
.rc-pagination-jump-prev,
.rc-pagination-jump-next {
  cursor: pointer;
  color: #666;
  font-size: 10px;
  /*border-radius: 6px;*/
  list-style: none;
  min-width: 28px;
  height: 28px;
  line-height: 28px;
  float: left;
  text-align: center;
}
.rc-pagination-prev a:after {
  content: "\2039";
  display: block;
}
.rc-pagination-next a:after {
  content: "\203A";
  display: block;
}
.rc-pagination-prev,
.rc-pagination-next {
  border: 1px solid #d9d9d9;
  font-size: 18px;
}
.rc-pagination-prev a,
.rc-pagination-next a {
  text-decoration: none;
  color: #666;
}
.rc-pagination-prev a:after,
.rc-pagination-next a:after {
  margin-top: -1px;
}
.rc-pagination-disabled {
  cursor: not-allowed;
  display: none;
}
.rc-pagination-disabled a {
  color: #307af0;
  text-decoration: none;
}
.rc-pagination-options {
  float: left;
  margin-left: 15px;
}
.rc-pagination-options-size-changer {
  float: left;
  width: 80px;
}
.rc-pagination-options-quick-jumper {
  float: left;
  margin-left: 16px;
  height: 28px;
  line-height: 28px;
}
.rc-pagination-options-quick-jumper input {
  margin: 0 8px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  outline: none;
  padding: 3px 12px;
  width: 50px;
  height: 28px;
}
.rc-pagination-options-quick-jumper input:hover {
  border-color: #3a8bf1;
}
.rc-pagination-simple .rc-pagination-prev,
.rc-pagination-simple .rc-pagination-next {
  border: none;
  height: 24px;
  line-height: 24px;
  margin: 0;
  font-size: 18px;
}
.rc-pagination-simple .rc-pagination-simple-pager {
  float: left;
  margin-right: 8px;
}
.rc-pagination-simple .rc-pagination-simple-pager .rc-pagination-slash {
  margin: 0 10px;
}
.rc-pagination-simple .rc-pagination-simple-pager input {
  margin: 0 8px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  outline: none;
  padding: 5px 8px;
  width: 30px;
  min-height: 20px;
}
.rc-pagination-simple .rc-pagination-simple-pager input:hover {
  border-color: #3a8bf1;
}
.push-name-input{
	margin-bottom: 25px;
	border-bottom: 1px solid #d8d8d8;
	padding-bottom: 40px;
}
.search-category {
	width: 310px;
	.mt-input{
		width: 256px;
	}
}
.push-pagination {
	padding-bottom: 25px;
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 50px;
	margin-top: 50px;
}

.title-message{
	border: 1px solid #d8d8d8;
	margin-bottom: 35px;
	p{
		float: left;
		height: 42px;
		line-height: 42px;
		padding-left: 15px;
	}
	button{
		float: right;
		width: 90px
	}
}
.send-form{
	display: inline-block;
	vertical-align: middle;
  margin-left: 54px;
	.checkbox{
		height: 32px;
		line-height: 32px;
		width: 76px;
		border: 1px solid #d8d8d8;
		text-align: center;
		padding-left: 11px;
	}
	.checkbox-input{
		height: 32px;
    line-height: 32px;
	}
}
.checkbox-disable{
	.checkbox{
		background-color: #d8d8d8
	}
	span{
		color: #fff;
	}
}

.title-two{
	font-size: 16px;
	color: #4a4a4a;
	margin-right: 23px;
	display: inline-block;
	width: 130px;
	vertical-align: middle;
	p {
		width: 130pxpx;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

.search-tabs{
	box-sizing: border-box;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d8d8d8;
}

.content-table {
	max-height: 222px;
	overflow: auto;
	.table{
		margin-top: 0;
		width: 650px;
	}
}
.test-result-page {
	margin-top: 20px;
	padding-top: 25px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}

.show-label{
	margin-right: 40px;
	display: inline-block;
}
.show-group{
	display: inline-block;
	margin-right: 66px;
}
.device-manage{
	padding: 0 40px;
}
.success-msg{
	font-size: 24px;
	color: #508ef2;
	margin-top: 10px
}
.editpwd-success-content{
	margin-top: 234px;
	text-align: center;
}

.title-button-group{
	padding-bottom: 40px;
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 47px;
}
.dialog-close{
	float: right;
	margin-top: 2px;
}

.package-finger{
	max-width: 280px;
	word-wrap: break-word;
	/*margin: 0 auto;*/
}
.pre-remark{
	border: none;
	background: none;
/*	width: 350px;
	max-width: 400px;*/
	overflow: hidden;
	white-space: pre-wrap;
}
code, kbd, pre, samp {
    font-family: PingFangSc-Medium,"\5FAE\8F6F\96C5\9ED1",Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #4a4a4a;
}

.placeholder-error{
	.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	    color: #e6334b;  
	}

	.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
	    color: #e6334b;
	}

	.form-control:-ms-input-placeholder,
	textarea:-ms-input-placeholder {
	    color: #e6334b;
	}

	.form-control::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
	    color: #e6334b;
	}
}

.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #e6334b !important;  
}

.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #e6334b !important;
}

.form-control:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #e6334b !important;
}

.form-control::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #e6334b !important;
}

.placeholder-normal {
	.form-control::-moz-placeholder {
		color:#999 !important;
		opacity:1
	}
	.form-control:-ms-input-placeholder {
		color:#999 !important;
	}
	.form-control::-webkit-input-placeholder {
		color:#999 !important;
	}
}
/*form dialog*/
.push-log-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.push-log-dialog-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.dialog-title{
  text-align: center;
  margin-top: 26px;
  font-size: 18px;
}
.push-log-dialog-content {
/*  width: 800px;
  height: 680px !important;*/
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  /*padding-top: 47px;*/
  margin-top: 220px
}
.push-log-dialog-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.push-log-dialog-close {
  cursor: pointer;
  border: 0;
  background: transparent;
  font-size: 21px;
  position: absolute;
  right: 20px;
  top: 12px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
  text-decoration: none;
}
.push-log-dialog-close-x:after {
  content: '\D7';
  display: none
}
.push-log-dialog-close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  text-decoration: none;
}
.push-log-dialog-title {
  margin: 0;
  line-height: 1.42857143;
}
.push-log-dialog-body {
  position: relative;
  /*padding: 15px;*/
  margin-bottom: 28px;
}
.push-log-dialog-footer {
  /*padding: 15px;*/
  text-align: center;
  /*border-top: 1px solid #e5e5e5;*/
}
.push-log-dialog-footer .btn + .btn {
  /*margin-left: 5px;*/
  margin-bottom: 0;
}
.push-log-dialog-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.push-log-dialog-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media (min-width: 768px) {
  .push-log-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .push-log-dialog-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    max-height: 540px;
  }
}
.push-log-dialog-slide-fade-enter,
.push-log-dialog-slide-fade-appear {
  -webkit-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.push-log-dialog-slide-fade-enter,
.push-log-dialog-slide-fade-appear,
.push-log-dialog-slide-fade-leave {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.push-log-dialog-slide-fade-enter.push-log-dialog-slide-fade-enter-active,
.push-log-dialog-slide-fade-appear.push-log-dialog-slide-fade-appear-active {
  -webkit-animation-name: rcDialogSlideFadeIn;
          animation-name: rcDialogSlideFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.push-log-dialog-slide-fade-leave.push-log-dialog-slide-fade-leave-active {
  -webkit-animation-name: rcDialogSlideFadeOut;
          animation-name: rcDialogSlideFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes rcDialogSlideFadeIn {
  0% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes rcDialogSlideFadeIn {
  0% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes rcDialogSlideFadeOut {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
}
@keyframes rcDialogSlideFadeOut {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
}
.push-log-dialog-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #373737;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  filter: alpha(opacity=50);
  z-index: 1050;
}
.push-log-dialog-mask-hidden {
  display: none;
}
.push-log-dialog-fade-enter,
.push-log-dialog-fade-appear {
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.push-log-dialog-fade-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.push-log-dialog-fade-enter.push-log-dialog-fade-enter-active,
.push-log-dialog-fade-appear.push-log-dialog-fade-appear-active {
  -webkit-animation-name: rcDialogFadeIn;
          animation-name: rcDialogFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.push-log-dialog-fade-leave.push-log-dialog-fade-leave-active {
  -webkit-animation-name: rcDialogFadeOut;
          animation-name: rcDialogFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes rcDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rcDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.test-category-result{
  .search{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d8d8d8;
  }
  table{
    margin-top: 0
  }
}

.push-log-dialog-body{
  margin: 28px 32px 20px 32px;
  .widget{
    min-width: 0;
    .widget-header{
      margin-bottom: 19px;
      padding-bottom: 12px;
    }
  }
}
.pagination-block{
  margin-top: 20px;
  padding-top: 25px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-top: 1px solid #d8d8d8;
}

/*form dialog*/
.preview-cn-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.preview-cn-dialog-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.dialog-title{
  text-align: center;
  margin-top: 26px;
  font-size: 18px;
}
.preview-cn-dialog-content {
/*  width: 800px;
  height: 680px !important;*/
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  /*padding-top: 47px;*/
  margin-top: 120px
}
.preview-cn-dialog-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.preview-cn-dialog-close {
  cursor: pointer;
  border: 0;
  background: transparent;
  font-size: 21px;
  position: absolute;
  right: 20px;
  top: 12px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
  text-decoration: none;
}
.preview-cn-dialog-close-x:after {
  content: '\D7';
  display: none
}
.preview-cn-dialog-close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  text-decoration: none;
}
.preview-cn-dialog-title {
  margin: 0;
  line-height: 1.42857143;
}
.preview-cn-dialog-body {
  position: relative;
  /*padding: 15px;*/
  margin-bottom: 28px;
}
.preview-cn-dialog-footer {
  /*padding: 15px;*/
  text-align: center;
  /*border-top: 1px solid #e5e5e5;*/
  margin-bottom: 40px;
}
.preview-cn-dialog-footer .btn + .btn {
  /*margin-left: 5px;*/
  margin-bottom: 0;
}
.preview-cn-dialog-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.preview-cn-dialog-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media (min-width: 768px) {
  .preview-cn-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .preview-cn-dialog-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    /*max-height: 540px;*/
  }
}
.preview-cn-dialog-slide-fade-enter,
.preview-cn-dialog-slide-fade-appear {
  -webkit-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.preview-cn-dialog-slide-fade-enter,
.preview-cn-dialog-slide-fade-appear,
.preview-cn-dialog-slide-fade-leave {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.preview-cn-dialog-slide-fade-enter.preview-cn-dialog-slide-fade-enter-active,
.preview-cn-dialog-slide-fade-appear.preview-cn-dialog-slide-fade-appear-active {
  -webkit-animation-name: rcDialogSlideFadeIn;
          animation-name: rcDialogSlideFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.preview-cn-dialog-slide-fade-leave.preview-cn-dialog-slide-fade-leave-active {
  -webkit-animation-name: rcDialogSlideFadeOut;
          animation-name: rcDialogSlideFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes rcDialogSlideFadeIn {
  0% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes rcDialogSlideFadeIn {
  0% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes rcDialogSlideFadeOut {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
}
@keyframes rcDialogSlideFadeOut {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
}
.preview-cn-dialog-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #373737;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  filter: alpha(opacity=50);
  z-index: 1050;
}
.preview-cn-dialog-mask-hidden {
  display: none;
}
.preview-cn-dialog-fade-enter,
.preview-cn-dialog-fade-appear {
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.preview-cn-dialog-fade-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.preview-cn-dialog-fade-enter.preview-cn-dialog-fade-enter-active,
.preview-cn-dialog-fade-appear.preview-cn-dialog-fade-appear-active {
  -webkit-animation-name: rcDialogFadeIn;
          animation-name: rcDialogFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.preview-cn-dialog-fade-leave.preview-cn-dialog-fade-leave-active {
  -webkit-animation-name: rcDialogFadeOut;
          animation-name: rcDialogFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes rcDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rcDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


.preview-cn-dialog-body{
  margin: 28px 32px 48px 32px;
  .widget{
    min-width: 0;
    .widget-header{
      margin-bottom: 19px;
      padding-bottom: 12px;
    }
  }
}
.preiew-background{
  width: 920px;
  height: 518px;
}
.preiew-update-content{
  position: absolute;
  top: 188px;
  left: 350px;
  p{
    color:#fff;
  }
}
/*form dialog*/
.preview-en-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.preview-en-dialog-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.dialog-title{
  text-align: center;
  margin-top: 26px;
  font-size: 18px;
}
.preview-en-dialog-content {
/*  width: 800px;
  height: 680px !important;*/
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  /*padding-top: 47px;*/
  margin-top: 120px
}
.preview-en-dialog-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.preview-en-dialog-close {
  cursor: pointer;
  border: 0;
  background: transparent;
  font-size: 21px;
  position: absolute;
  right: 20px;
  top: 12px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
  text-decoration: none;
}
.preview-en-dialog-close-x:after {
  content: '\D7';
  display: none
}
.preview-en-dialog-close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  text-decoration: none;
}
.preview-en-dialog-title {
  margin: 0;
  line-height: 1.42857143;
}
.preview-en-dialog-body {
  position: relative;
  /*padding: 15px;*/
  margin-bottom: 28px;
}
.preview-en-dialog-footer {
  /*padding: 15px;*/
  text-align: center;
  /*border-top: 1px solid #e5e5e5;*/
  margin-bottom: 40px;
}
.preview-en-dialog-footer .btn + .btn {
  /*margin-left: 5px;*/
  margin-bottom: 0;
}
.preview-en-dialog-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.preview-en-dialog-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media (min-width: 768px) {
  .preview-en-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .preview-en-dialog-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    /*max-height: 540px;*/
  }
}
.preview-en-dialog-slide-fade-enter,
.preview-en-dialog-slide-fade-appear {
  -webkit-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.preview-en-dialog-slide-fade-enter,
.preview-en-dialog-slide-fade-appear,
.preview-en-dialog-slide-fade-leave {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.preview-en-dialog-slide-fade-enter.preview-en-dialog-slide-fade-enter-active,
.preview-en-dialog-slide-fade-appear.preview-en-dialog-slide-fade-appear-active {
  -webkit-animation-name: rcDialogSlideFadeIn;
          animation-name: rcDialogSlideFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.preview-en-dialog-slide-fade-leave.preview-en-dialog-slide-fade-leave-active {
  -webkit-animation-name: rcDialogSlideFadeOut;
          animation-name: rcDialogSlideFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes rcDialogSlideFadeIn {
  0% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes rcDialogSlideFadeIn {
  0% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes rcDialogSlideFadeOut {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
}
@keyframes rcDialogSlideFadeOut {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
}
.preview-en-dialog-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #373737;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  filter: alpha(opacity=50);
  z-index: 1050;
}
.preview-en-dialog-mask-hidden {
  display: none;
}
.preview-en-dialog-fade-enter,
.preview-en-dialog-fade-appear {
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.preview-en-dialog-fade-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.preview-en-dialog-fade-enter.preview-en-dialog-fade-enter-active,
.preview-en-dialog-fade-appear.preview-en-dialog-fade-appear-active {
  -webkit-animation-name: rcDialogFadeIn;
          animation-name: rcDialogFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.preview-en-dialog-fade-leave.preview-en-dialog-fade-leave-active {
  -webkit-animation-name: rcDialogFadeOut;
          animation-name: rcDialogFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes rcDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rcDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


.preview-en-dialog-body{
  margin: 28px 32px 48px 32px;
  .widget{
    min-width: 0;
    .widget-header{
      margin-bottom: 19px;
      padding-bottom: 12px;
    }
  }
}
.preiew-background{
  width: 920px;
  height: 518px;
}
.preiew-update-content{
  position: absolute;
  top: 210px;
  left: 284px;
  pre{
    color: #fff;
    background-color: transparent;
    font-size: 9px;
    width: 330px;
    max-height: 74px;
    line-height: 12px;
    border: none;
    margin: -2px 0 0 0;
    padding: 0;
    font-family: "\5FAE\8F6F\96C5\9ED1",Arial,Verdana, Helvetica, Tahoma, sans-serif;
    white-space: pre-wrap;
    margin-top: -5px;
    overflow-y: scroll;
  }
}

.hover-message{
  display: inline-block;
  position: relative;
  height: 40px;
  line-height: 40px;
  margin-left: 10px;
  margin-right: 10px;
  p{
    line-height: 20px
  }
}

.hover-message-content{
  position: absolute;
  width: 360px;
  top: -65px;
  left: 60px;
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.hover-img:hover{
  cursor: pointer;
}
/*.hover-img:hover + .hover-message-content{
  display: block !important;
}*/
.hover-message:hover{
  width: 60px;
}
.hover-message:hover .hover-message-content{
  display: block !important;
}
.arrow-block {
  position: relative;
  width: 100px;
  height: 100px;
  background-color: #d9edf7;
}
.arrow,
.arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 50px;
}

.arrow {
  border: 11px solid #ccc;
  border-left-width: 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  left: -10px;
  top: 60px;
}

.arrow::after {
  border: 10px solid #fff;
  border-left-width: 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
  bottom: -10px;
  left: 1px;
  content: '';
}
.bulid-message{
  top: -30px;
}
.bulid-message-icon{
  top: 40px;
}
.hover-show{
  background-color: transparent;
  position: absolute;
  height: 60px;
  width: 40px;
  left: -30px;
  z-index: 110;
  top: 30px;
}
